import { Directive } from 'vue';

export const focus: Directive = {
  // 当被绑定的元素挂载到 DOM 中时……
  mounted(el: HTMLElement) {
    // 聚焦元素
    if ('focus' in el) {
      el.focus();
    } else {
      console.warn('Element does not support focus:', el);
    }
  },
  // 组件更新时
  updated(_el: HTMLElement) {
    // 如果需要，可以在这里添加一些更新后的逻辑
  },
  // 指令与元素解绑的时候调用
  unmounted(_el: HTMLElement) {
    // 清理工作，比如移除事件监听器等
  }
};